/* These styles are for the tree itself - some tree configurations use them. */
.salix-item {
	color: #000044;
	cursor:pointer;
}

.salix-item td {
	padding: 0;
}

.salix-item:hover {
	background-color: #eeeeee;
}

.salix-item-selected {
	background-color: #ccdddd;
}

.salix-item-selected:hover {
	background-color: #bbcccc;
}

/* Following styles are not for tree itself. They are used to layout test application. */
.main {
	background-color: #ddddff;
	padding: 10px;
}

.submain {
	background-color: #ffffff;
	margin: 5px;
}

.example-main {
	background-color: #ffdddd;
	width: 100%;
	height: 100%;
}

.example-tree {
	background-color: #ffffff;
	width: 200px;
	margin: 5px;
	overflow: auto;
}

.example-target {
	background-color: #ffffff;
	margin: 5px;
}

.gwt-Button {
	margin: 10px;
	width: 170px;
}

h1 {
	margin: 0px;
	padding: 10px 5px;
}